<ion-header-bar class="bar-top text-center">
    <div class="buttons">
        <nav-button class="back" ng-click="back()"></nav-button>
    </div>
    <h1 class="title">为医生点赞</h1>
</ion-header-bar>
<ion-view>
    <ion-content class="doc doc-good" scroll="true" has-bouncing="false">
        <div class="for row">
            <div class="col col-67 for-you">
                <img src="img/thx.jpg" />
                <p>我要支付一定的金额作为心意</p>
            </div>
            <div class="col col-33 avatar">
                <img ng-src="{{downloadImg(vm.doc.headImgUrl)}}" alt="">
                <p ng-bind="vm.doc.name"></p>
            </div>
        </div>
        <div class="select-money">
            <p class="tit">选择支付金额</p>
            <div class="row moneys">
                <div class="col col-25">
                    <div class="m-item" ng-class="{'selected': vm.costMoney==10}" ng-click="vm.selectCost(10)">+10<i class="good"></i></div>
                    <p class="name">一点心意</p>
                </div>
                <div class="col col-25">
                    <div class="m-item" ng-class="{'selected': vm.costMoney==20}" ng-click="vm.selectCost(20)">+20<i class="good"></i></div>
                    <p class="name">白衣天使</p>
                </div>
                <div class="col col-25">
                    <div class="m-item" ng-class="{'selected': vm.costMoney==30}" ng-click="vm.selectCost(30)">+30<i class="good"></i></div>
                    <p class="name">医德高尚</p>
                </div>
                <div class="col col-25">
                    <div class="m-item" ng-class="{'selected': vm.costMoney==40}" ng-click="vm.selectCost(40)">+40<i class="good"></i></div>
                    <p class="name">德医双馨</p>
                </div>
            </div>
        </div>
        <div class="post">
            <textarea name="" id="" cols="30" rows="10" class="txt" ng-model='vm.content'></textarea>
            <button class="btn red" type="button" ng-click="vm.save()">提交</button>
            <p class="intro">您支付给医生的心意会直接全部转入相应医生的账户。医生会看到您的留言。</p>
        </div>
        <div class="doc-tit" ng-bind="vm.doc.name+'医生的心意墙'"></div>
        <div class="good-list" >
            <ion-scroll>
                <ion-list>
                    <ion-item ng-repeat="item in vm.data">
                        <div class="row">
                            <div class="col col-20 avatar">
                                <img ng-src="{{downloadImg(item.headImgUrl)}}" alt="">
                                <i class="money" ng-bind="item.praiseCost+'元'"></i>
                            </div>
                            <div class="col info">
                                <p class="phone" ng-bind="item.userName||item.phone"></p>
                                <p class="msg" ng-bind="item.content||'德艺双馨，为您点赞'"></p>
                            </div>
                        </div>
                    </ion-item>
                </ion-list>
                <ion-infinite-scroll
                        ng-if="!vm.nodata"
                        on-infinite="vm.loadMore()"
                        distance="1%"></ion-infinite-scroll>
            </ion-scroll>
        </div>
    </ion-content>
</ion-view>